@import './base.css';

#app,
body,
html {
  width: 100%;
  height: 100%;
}

.versions {
  padding: 5px 0;
  font-family: 'Menlo', 'Lucida Console', monospace;
  display: inline-flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #202127;
  backdrop-filter: blur(24px);
  color: #fff;
}

.versions li {
  display: block;
  float: left;
  border-right: 1px solid var(--ev-c-gray-1);
  padding: 0 20px;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.8;
  &:last-child {
    border: none;
  }
}

@media (max-width: 720px) {
  .text {
    font-size: 20px;
  }
}

@media (max-width: 620px) {
  .versions {
    display: none;
  }
}

@media (max-width: 350px) {
  .tip,
  .actions {
    display: none;
  }
}
